<div class="wrapper">
    <div>
        <div class="box box-top">
            <!-- /.box-header -->
            <!-- form start -->
            <form id="parameterForm" role="form" action="${base}/svg/operate/parameter/save/" method="post">
                <input type="hidden" name="id" value="${(parameter.id)!}">
                <input type="hidden" name="templateId" value="${(parameter.templateId)!}">
                <div class="box-body">
                    <div class="form-group">
                        <label for="height">Length</label>
                        <input type="text" value="${(parameter.height)!}" class="form-control" name="height" id="height">
                    </div>
                    <div class="form-group">
                        <label for="memo" style="padding-bottom: 30px;">Note</label>
                        <textarea  class="form-control"  name="memo" id="memo">${(parameter.memo)!}</textarea>
                    </div>

                    <div class="box-footer">
                        <button type="button" onclick="$('#parameterForm').submit();" class="button blue">Save
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function() {
        $("#parameterForm").validate({
            submitHandler:function(form){
                submitIcon();
            }
        });
    });
    function submitIcon(){
        utils.HF.ajaxFormSubmit('parameterForm',function(result){
            alert("Save Success");
            debugger;
            svgCanvas.list[ svgCanvas.selectedObjectID ].parameterId=result;
            svgCanvas.list[ svgCanvas.selectedObjectID ].memo=$("#height").val();
            $("#"+svgCanvas.selectedObjectID+" textPath").html($("#height").val())
            utils.closeDialog();
        },function(e){ alert("Save Failure");});
    }
</script>
